/*root类选择器给所有的元素设置样式*/
.root {
    -fx-font-family: "Songti SC";
    -fx-font-size: 12px;
    -fx-background-size: stretch;
    -fx-background-position: center;
    /*-fx-background-color: rgba(255, 255, 255, 1);*/
    /*-fx-effect: dropshadow(gaussian, black, 10, 0, 0, 0);*/
    /*-fx-background-insets: 10;*/
    /*暗黑*/
    /*-fx-background-color: #2B2B2B;*/
}


.button{
    -fx-background-color: #1990FF;
    -fx-text-alignment: center;
    -fx-font-weight: bold;
    /*设置圆角*/
    -fx-background-radius: 1;
    -fx-border-radius: 1;
    /*按钮文字颜色*/
    -fx-text-fill: aliceblue;
    /**阴影**/
    -fx-effect: dropshadow(three-pass-box, #4A5459, 2.0,0, 2, 2);
    /*背景渐变色*/
    /*-fx-background-color: linear-gradient(to right,#00fffc,#fff600);*/
    /*-fx-background-color: linear-gradient(to right,#1F8FE8,#F2BAE8);*/
    /*-fx-effect: dropshadow(gaussian, lime, 1, 0.1, 10, 10);*/

}

.button:hover{
    -fx-cursor: hand;
    /*边框阴影*/
    -fx-effect: dropshadow(three-pass-box, #4A5459, 5.0,0, 1, 3);
}
.button:pressed{
    -fx-effect: dropshadow(three-pass-box, #4A5459, 0,0, 0, 0);
}


.label{
    -fx-background-color: #F1F1F1;
    -fx-padding: 4 5;
    -fx-effect: dropshadow(three-pass-box, #4A5459, 2.0,0, 1, 1);
}


.text-field {
    -fx-background-color: -fx-text-box-border, -fx-background ;
    -fx-background-insets: 0, 0 0 1 0 ;
    -fx-background-radius: 0 ;
}

.text-field:focused {
    -fx-background-color: -fx-focus-color, -fx-background ;
}


.text-area{
    -fx-font-family: "等线 Light";
    -fx-font-size: 12;
    -fx-padding: 1,1,1,1;
    -fx-border-color: grey;
    -fx-border-width: 0;
    -fx-border-radius: 0;
    -fx-border: none;
    /*-fx-text-fill: grey;*/
    -fx-border-insets: 5px;
    -fx-background-insets: 5px;
}

#header{
    /*背景渐变色*/
    /*-fx-background-color: linear-gradient(to right,#00fffc,#fff600);*/
    /*-fx-background-color: linear-gradient(to right,#1F8FE8,#F2BAE8);*/
    /*-fx-effect: dropshadow(gaussian, lime, 1, 0.1, 10, 10);*/
    /*-fx-background-color: #00BCD4;*/
    /*-fx-background-color: #0aa858;*/
    -fx-background-color: #4A5459;
}


#min{
    -fx-cursor: hand;
    -fx-background-color: transparent;
    -fx-text-fill: #ffffff;
}

#min:hover{
    -fx-cursor: hand;
    /*边框阴影*/
    /*-fx-effect: dropshadow(three-pass-box, #4A5459, 10.0,0, 1, 3);*/
    -fx-effect: dropshadow(three-pass-box, #ffffff, 10.0,0, 1, 3);
}

#min:pressed{
    /*-fx-effect: dropshadow(three-pass-box, #4A5459, 0,0, 0, 0);*/
    -fx-effect: dropshadow(three-pass-box, #ffffff, 0,0, 0, 0);
}

#maxmize{
    -fx-cursor: hand;
    -fx-background-color: transparent;
    -fx-text-fill: #ffffff;
}

#maxmize:hover{
    -fx-cursor: hand;
    /*边框阴影*/
    -fx-effect: dropshadow(three-pass-box, #4A5459, 10.0,0, 1, 3);
}

#maxmize:pressed{
    -fx-effect: dropshadow(three-pass-box, #4A5459, 0,0, 0, 0);
}



#close{
    -fx-cursor: hand;
    -fx-background-color: transparent;
    -fx-text-fill: #ffffff;
}

#close:hover{
    -fx-cursor: hand;
    /*边框阴影*/
    -fx-effect: dropshadow(three-pass-box, #4A5459, 10.0,0, 1, 3);
}

#close:pressed{
    -fx-effect: dropshadow(three-pass-box, #4A5459, 0,0, 0, 0);
}

.sub-icon{
    -fx-fill: rgb(113, 118, 114);
}


/* 修改Tab中文本的颜色 */
.tab-label {
    -fx-text-fill: #e6e6e6;
}

/*!* 修改Tab的背景颜色 *!*/
/*.tab {*/
/*    -fx-background-color: #0aa858;*/
/*}*/

/*!* tab选中时设置背景颜色 *!*/
/*.tab:selected {*/
/*    -fx-background-color: #0aa858;*/
/*}*/

/*!* Tab选中的时候选中其边框并修改样式 *!*/
/*.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {*/
/*    -fx-border-radius: 0px;*/
/*    -fx-border-width: 1px 1px 1px 1px;*/
/*    -fx-border-color: #0aa858;*/
/*}*/

#testButton{
    -fx-background-color: #00BCD4;
    -fx-effect: dropshadow(three-pass-box, #4A5459, 2.0,0, 1, 1);
}
#closeButton{
    -fx-background-color: #F1F1F1;
    -fx-padding: 4 5;
    -fx-text-fill: black;
    /*-fx-background-radius: 2;*/
    /*-fx-border-radius: 2;*/
    /*-fx-border-color: #0aa858;*/
    -fx-effect: dropshadow(three-pass-box, #4A5459, 2.0,0, 1, 1);
}